<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/cont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <title>奇迹暖暖-官方网站-腾讯游戏-传统美学捕捉师</title>
</head>

<body>
    <div class="all">
        <!-- 第一部分 -->
        <div class="header_buttom">
            <div class="header">
                <ul>
                    <li class="header_div_li">
                        <a href="#"></a>
                    </li>
                    <li class="header_div_li1">
                        <a href="#" class="header_block">
                            <i class="header_none"></i>
                        </a>
                    </li>
                </ul>
                <ul>
                    <li class="header_ul_li">
                        <a href="#">成长守护平台</a>
                    </li>
                    <li class="header_ul_li1">
                        <a href="#">腾讯游戏排行榜</a>
                        <div class="header_ul_li1_none">
                            <dl>
                                <dt>热门游戏</dt>
                                <dd><span class="red">1</span>穿越火线</dd>
                                <dd><span class="red">2</span>穿越火线</dd>
                                <dd><span class="red">3</span>穿越火线</dd>
                                <dd><span class="hui">4</span>穿越火线</dd>
                                <dd><span class="hui">5</span>穿越火线</dd>
                            </dl>
                            <dl>
                                <dt>热门游戏</dt>
                                <dd><span class="red">1</span>穿越火线</dd>
                                <dd><span class="red">2</span>穿越火线</dd>
                                <dd><span class="red">3</span>穿越火线</dd>
                                <dd><span class="hui">4</span>穿越火线</dd>
                                <dd><span class="hui">5</span>穿越火线</dd>
                            </dl>
                            <dl>
                                <dt>热门游戏</dt>
                                <dd><span class="red">1</span>穿越火线</dd>
                                <dd><span class="red">2</span>穿越火线</dd>
                                <dd><span class="red">3</span>穿越火线</dd>
                                <dd><span class="hui">4</span>穿越火线</dd>
                                <dd><span class="hui">5</span>穿越火线</dd>
                            </dl>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 第二部分 -->
        <div class="header_nav">
            <div class="header_nav_div">
                <a href="#">
                    <img src="images/logo20210202.png" alt="">
                </a>
            </div>
            <div class="header_nav_div1">
                <ul>
                    <li>
                        <a href="#">官网首页</a>
                    </li>
                    <li>
                        <a href="#">官网首页</a>
                    </li>
                    <li>
                        <a href="#">官网首页</a>
                    </li>
                    <li>
                        <a href="#">官网首页</a>
                    </li>
                    <li>
                        <a href="#">官网首页</a>
                    </li>
                    <li>
                        <a href="#">官网首页</a>
                    </li>
                    <li>
                        <a href="#">官网首页</a>
                    </li>
                    <li>
                        <a href="#">官网首页</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 背景图 -->
        <div class="bg color1" name='xiwen'>
            <a href="#" name='xiwen'></a>
        </div>
        <!-- Tab 部分 -->
        <div class="color1">
            <div class="Tab w">
                <div class="Tab_div">
                    <img src="images/Tab.jpg" alt="">
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="Tab_div1">
                    <div class="Tab_div_header">
                        <ul>
                            <li class="Tab_hover">
                                <a href="#">热门</a>
                            </li>
                            <li class="Tab_hover">
                                <a href="#">公告</a>
                            </li>
                            <li class="Tab_hover">
                                <a href="#">新闻</a>
                            </li>
                            <li class="Tab_hover">
                                <a href="#">活动</a>
                            </li>
                            <li class="Tab_li_bg">
                                <a href="#"></a>
                            </li>
                        </ul>
                    </div>
                    <div class="Tab_div_content">
                        <ul>
                            <li>
                                <div>
                                    <a href="#">[活动]</a>
                                    <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                </div>
                                <div class="Tab_div_content_div_div">
                                    <span>10/08</span>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <a href="#">[活动]</a>
                                    <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                </div>
                                <div class="Tab_div_content_div_div">
                                    <span>10/08</span>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <a href="#">[活动]</a>
                                    <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                </div>
                                <div class="Tab_div_content_div_div">
                                    <span>10/08</span>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <a href="#">[活动]</a>
                                    <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                </div>
                                <div class="Tab_div_content_div_div">
                                    <span>10/08</span>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <a href="#">[活动]</a>
                                    <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                </div>
                                <div class="Tab_div_content_div_div">
                                    <span>10/08</span>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <a href="#">[活动]</a>
                                    <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                </div>
                                <div class="Tab_div_content_div_div">
                                    <span>10/08</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="Tab_div_right">
                    <img src="images/qr-code.png" alt="">
                </div>
                <div class="Tab_div_footer"></div>
            </div>
        </div>
        <!-- 固定定位 fixed 左边-->
        <div class="flxed_left">
            <img src="images/sevice.png" alt="">
        </div>
        <!-- 固定定位 fixed 右边-->
        <div class="flxed_right_nav">
            <ul>
                <li>
                    <a href="#xiwen">新闻资讯</a>
                </li>
                <li>
                    <a href="#Beautiful">美好之旅</a>
                </li>
                <li>
                    <a href="#Game_features">游戏特色</a>
                </li>
                <li>
                    <a href="#Introduction">游戏攻略</a>
                </li>
                <li>
                    <a href="#Same_person_station">同人站</a>
                </li>
                <li>
                    <a href="#">
                        <i class="flxed_right_nav_top">top</i>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 不会加bg 就用颜色顶 -->
        <div class="color">
            <!-- 美好部分bg Beautiful-->
            <div class="beautiful">
                <a href="#" name='Beautiful'></a>
                <div class="beautiful_div w">
                    <div class="beautiful_small">
                        <a href="#">
                            <img src="images/94114802717690.jpg" alt="">
                        </a>
                    </div>
                    <div class="beautiful_big">
                        <a href="#">
                            <img src="images/58254388917445.jpg" alt="">
                        </a>
                    </div>
                    <div class="beautiful_small">
                        <a href="#">
                            <img src="images/102441040413763.jpg" alt="">
                        </a>
                        <div>
                            <a href="#" class="beautiful_left"></a>
                            <a href="#" class="beautiful_right"></a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 游戏特色 Game features -->
            <div class="game_features">
                <a href="#" name='Game_features'></a>
                <div class="game_features_bg w">
                    <a href="#"></a>
                    <ul class="game_features_UL">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <!-- 游戏攻略 Introduction -->
            <div class="introduction">
                <a href="#" name='Introduction'></a>
                <div class="introduction_div w">
                    <div class="introduction_div_left">
                        <div class="introduction_div_left_header">
                            <div>活动专属</div>
                            <div>
                                <a href="#">
                                    <img src="images/cmore.png" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="introduction_div_left_content">
                            <img src="images/gl.jpg" alt="">
                        </div>
                        <div class="introduction_div_left_footer">
                            <ul>
                                <li>
                                    <div>
                                        <a href="#">[活动攻略]</a>
                                        <a href="#">【常规活动】大喵限时制衣开启 特惠礼包助力</a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#">[活动攻略]</a>
                                        <a href="#">【常规活动】大喵限时制衣开启 特惠礼包助力</a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#">[活动攻略]</a>
                                        <a href="#">【常规活动】大喵限时制衣开启 特惠礼包助力</a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#">[活动攻略]</a>
                                        <a href="#">【常规活动】大喵限时制衣开启 特惠礼包助力</a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#">[活动攻略]</a>
                                        <a href="#">【常规活动】大喵限时制衣开启 特惠礼包助力</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="introduction_div_content">
                        <div class="introduction_div_left_header">
                            <div>通关攻略</div>
                            <div>
                                <a href="#">
                                    <img src="images/cmore.png" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="introduction_div_content_content">
                            <div class="sjbg">
                                <div class="sjbg1">
                                    <a href="#">第一卷</a>
                                </div>
                                <div class="sjbg2">
                                    <a href="#">第二卷</a>
                                </div>
                            </div>
                            <div class="left_sjbj">
                                <div class="sjbg3">
                                    <a href="#">少女级</a>
                                </div>
                                <div class="sjbg4">
                                    <a href="#">公主级</a>
                                </div>
                            </div>
                            <div class="introduction_div_content_conter">
                                <ul>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                    <li>
                                        <a href="#">第一章：初到麦川</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="introduction_div_right">
                        <div class="introduction_div_left_header">
                            <div>技能介绍</div>
                            <div>
                                <a href="#">
                                    <img src="images/cmore.png" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="introduction_div_right_content">
                            <ul>
                                <li>
                                    <img src="images/16230326693720.png" alt="">
                                    <p>真爱之吻</p>
                                </li>
                                <li>
                                    <img src="images/16230326693720.png" alt="">
                                    <p>真爱之吻</p>
                                </li>
                                <li>
                                    <img src="images/16230326693720.png" alt="">
                                    <p>真爱之吻</p>
                                </li>
                                <li>
                                    <img src="images/16230326693720.png" alt="">
                                    <p>真爱之吻</p>
                                </li>
                                <li>
                                    <img src="images/16230326693720.png" alt="">
                                    <p>真爱之吻</p>
                                </li>
                                <li>
                                    <img src="images/16230326693720.png" alt="">
                                    <p>真爱之吻</p>
                                </li>
                                <li>
                                    <img src="images/16230326693720.png" alt="">
                                    <p>真爱之吻</p>
                                </li>
                                <li>
                                    <img src="images/16230326693720.png" alt="">
                                    <p>真爱之吻</p>
                                </li>
                                <li>
                                    <img src="images/16230326693720.png" alt="">
                                    <p>真爱之吻</p>
                                </li>
                                <li>
                                    <img src="images/16230326693720.png" alt="">
                                    <p>真爱之吻</p>
                                </li>
                                <li>
                                    <img src="images/16230326693720.png" alt="">
                                    <p>真爱之吻</p>
                                </li>
                                <li>
                                    <img src="images/16230326693720.png" alt="">
                                    <p>真爱之吻</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 同人站 Same person station -->
            <div class="same_person_station">
                <a href="#" name='Same_person_station'></a>
                <div class="same_person_station_div w">
                    <!-- 左边-- -->
                    <div class="introduction_div_left">
                        <div class="introduction_div_left_header">
                            <div>视频</div>
                            <div>
                                <a href="#">
                                    <img src="images/cmore.png" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="same_person_station_div_left_content">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="images/0.png" alt="" class="same_person_img">
                                        <span>《奇迹暖暖》创意视频：把美梦穿在身上！</span>
                                        <div class="same_person_none">
                                            <img src="images/play.png" alt="" class="same_person_img1">
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/0.png" alt="" class="same_person_img">
                                        <span>《奇迹暖暖》创意视频：把美梦穿在身上！</span>
                                        <div class="same_person_none">
                                            <img src="images/play.png" alt="" class="same_person_img1">
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/0.png" alt="" class="same_person_img">
                                        <span>《奇迹暖暖》创意视频：把美梦穿在身上！</span>
                                        <div class="same_person_none">
                                            <img src="images/play.png" alt="" class="same_person_img1">
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/0.png" alt="" class="same_person_img">
                                        <span>《奇迹暖暖》创意视频：把美梦穿在身上！</span>
                                        <div class="same_person_none">
                                            <img src="images/play.png" alt="" class="same_person_img1">
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 中间-- -->
                    <div class="introduction_div_left">
                        <div class="introduction_div_left_header">
                            <div>漫画</div>
                            <div>
                                <a href="#">
                                    <img src="images/cmore.png" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="same_person_station_div_left_content">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="images/0.png" alt="" class="same_person_img">
                                        <span>《奇迹暖暖》创意视频：把美梦穿在身上！</span>
                                        <div class="same_person_none">
                                            <img src="images/play.png" alt="" class="same_person_img1">
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/0.png" alt="" class="same_person_img">
                                        <span>《奇迹暖暖》创意视频：把美梦穿在身上！</span>
                                        <div class="same_person_none">
                                            <img src="images/play.png" alt="" class="same_person_img1">
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="Tab_div_content">
                            <ul>
                                <li>
                                    <div>
                                        <a href="#">[活动]</a>
                                        <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                    </div>
                                    <div class="Tab_div_content_div_div">
                                        <span>10/08</span>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#">[活动]</a>
                                        <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                    </div>
                                    <div class="Tab_div_content_div_div">
                                        <span>10/08</span>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#">[活动]</a>
                                        <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                    </div>
                                    <div class="Tab_div_content_div_div">
                                        <span>10/08</span>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#">[活动]</a>
                                        <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                    </div>
                                    <div class="Tab_div_content_div_div">
                                        <span>10/08</span>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#">[活动]</a>
                                        <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                    </div>
                                    <div class="Tab_div_content_div_div">
                                        <span>10/08</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 右边-- -->
                    <div class="introduction_div_left">
                        <div class="introduction_div_left_header">
                            <div>小说</div>
                            <div>
                                <a href="#">
                                    <img src="images/cmore.png" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="same_person_station_div_rigth">
                            <img src="images/tr.jpg" alt="">
                        </div>
                        <div class="Tab_div_content">
                            <ul>
                                <li>
                                    <div>
                                        <a href="#">[活动]</a>
                                        <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                    </div>
                                    <div class="Tab_div_content_div_div">
                                        <span>10/08</span>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#">[活动]</a>
                                        <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                    </div>
                                    <div class="Tab_div_content_div_div">
                                        <span>10/08</span>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#">[活动]</a>
                                        <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                    </div>
                                    <div class="Tab_div_content_div_div">
                                        <span>10/08</span>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#">[活动]</a>
                                        <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                    </div>
                                    <div class="Tab_div_content_div_div">
                                        <span>10/08</span>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#">[活动]</a>
                                        <a href="#" class="Tab_div_content_div_a">【维护公告】10月8日维护公告</a>
                                    </div>
                                    <div class="Tab_div_content_div_div">
                                        <span>10/08</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 合作媒体 Associated Media-->
            <div class="associated_media">
                <div class="associated_media_div">
                    <p>合作媒体</p>
                </div>
                <ul>
                    <li>
                        <a href="#">
                            <img src="images/4399.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/chw.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/tgbus.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/rwt.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/yxg.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 最后 -->
            <div class="footer_nav">
                <div class="footer_nav_div w">
                    <div class="footer_nav_div_div">
                        <img src="images/foot-dark.png" alt="">
                    </div>
                    <div class="footer_nav_div_div_rigth">
                        <ul>
                            <li>
                                <a href="#">腾讯互动娱乐</a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="#">服务条款</a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="#">隐私保护指引</a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="#">儿童隐私保护指引</a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="#">腾讯游戏招聘</a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="#">腾讯游戏客服</a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="#">游戏列表</a>
                                <span>|</span>
                            </li>
                            <li>
                                <a href="#">广告服务及商务合作</a>
                            </li>
                        </ul>
                        <div class="footer_nav_div_div_rigth_div">
                            <p><a href="#">腾讯公司版权所有</a></p>
                            <p> COPYRIGHT © 1998 - 2021 TENCENT. ALL RIGHTS RESERVED.</p>
                            <p>本网络游戏适合6+岁的用户使用；为了您的健康，请合理控制游戏时间。</p>
                            <p>
                                <a href="#">
                                    <img src="images/gswj.png" alt="">
                                    <span>工商网监电子标识</span>
                                </a>
                                <i>|</i>
                                <a href="#">
                                    <span>粤网文[2020]3396-195号</span>
                                </a>
                                <i>|</i>
                                <a href="#">
                                    <span>（署）网出证（粤）字第054号</span>
                                </a>
                            </p>
                            <p>
                                <a href="#">
                                    <img src="images/icplogo.png" alt="">
                                    <span>粤网文〔2017〕6138-1456号 </span>
                                </a>
                                <i>|</i>
                                <a href="#">
                                    <img src="images/icplogo.png" alt="">
                                    <span>文网游备字〔2015〕Ｍ-RPG 1202 号</span>
                                </a>
                                <i>|</i>
                                <span>ISBN 978-7-7979-7519-3</span>
                                <i>|</i>
                                <span>新广出审[2017]4154号</span>
                                <i>|</i>
                                <span>全国文化市场统一举报电话：12318</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>